function Lbt(el){
    this.el = document.querySelector(el)
    this.t = null
    this.num = 1
    this.init()
}
Lbt.prototype.init = function(){
    this.autoplay()
    this.over()
}

Lbt.prototype.page = function(num){
    this.el.querySelector('ul li.active').className = ''
    this.el.querySelectorAll('ul li')[num-1].className = 'active'
}

Lbt.prototype.autoplay = function(){
    this.t = setInterval(()=>{
        this.num++
        if(this.num>6) this.num = 1
        this.el.querySelector('img').src = `./imgs/img${this.num}.jpg`
        this.page(this.num)
    },1000)
}
Lbt.prototype.over = function(){
    let ulliobj = this.el.querySelectorAll('ul li')
    console.log(ulliobj);
        ulliobj.forEach((item,i)=>{
           item.onmouseover = ()=>{
            clearInterval(this.t)
            this.el.querySelector('img').src = `./imgs/img${i+1}.jpg`
            this.num = i+1
            this.page(this.num)
           }
           item.onmouseout = ()=>{
            this.out()
           }
        })
}
Lbt.prototype.out = function(){
    this.autoplay()
}